.handline{width:100%;
    min-width: 1263px;
    height: 300px;
    background:linear-gradient(to right bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)), url('img/headline .jpg') no-repeat center;)
}
.handline .center{
    width:1263px;
    margin: 0 auto;
}
.handline .center .hgroup{
    padding:100px 0 0 50px;
}
.handline h2{
    font-size: 36px;
    color:#eee;
    letter-spacing: 1px;  border: none;
}
.handline h3{
    font-size: 20px;
    color:#eee;
    letter-spacing: 1px;
}
.container{width:1263px;
    margin: 30px auto;
}
.container .sideBar{
     width:340px;
    float: right;

 }
.container .list{
    width:910px;
    float: left;

}
.container .list .infor{
    height: 45px;
    line-height: 45px;
    background: #eee;
    margin: 0 0 20px 0;
}
.infor li{display: inline-block;}
.infor li a{color: #666;}
.infor .left{
    float: left;
}
.infor .left li{
    width:150px;
    text-align: center;
    float: left;
}
.infor .left .active{
    border-top:2px solid #59b200;
    background: #fff;
    height: 43px;
    line-height: 43px;
}
.infor .right {
    padding:0 20px 0 0;

    float: right;
}
.infor .right li{
    padding:0 5px;
    height: 30px;
    line-height: 30px;
    width:60px;
    text-align: center;
}
.infor .right li a{
   display: inline-block;
}
.infor .right .active {
    background: #59b200;
}
.infor .right .active a{color: #fff;}


.container .pic{width:908px;
    position: relative;
    margin: 0 0 20px 0;
    height: 230px;
    border:1px solid #eee;
}
.pic figure img{float: left;}
.pic figure figcaption{width:518px;
    height:230px;
    float: right;
    padding:0 0 0 10px;
    position: relative;
}

.pic .type{width:90px;
    height:25px;
    line-height: 25px;
    color:#fff;
    background: #59b200;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left:0;
    top:0;
}
.pic .disc{width:52px;
    height:52px;
    background: url("img/disc.png") no-repeat ;
    text-align: center;
    position: absolute;
    right:0;
    top:0;
}
.pic .disc span{ display:block;
    transform: rotate(45deg);
    padding:3px 0 0 10px;
    text-indent: 8px;
    font-size: 14px;
    color:#f60;
}

.container figcaption hgroup{width:300px;
}
.container figure figcaption h2{
    font-size: 24px;
    color: #333;
    padding:10px 0 10px 25px;
    font-weight: normal;
}
.container figure figcaption h3{
    font-size: 16px;
    color: #666;
    padding:10px 0 10px 25px;
    font-weight: normal;
    line-height: 1.5;

}

.container ol{ padding:0 0 0 25px;}
.container ol li{color: #666;
    line-height: 2;
}
.container mark{border:1px solid #458b00;
    background: #fff;
    border-radius: 4px;
    color:#458b00;
    list-style-type: none;
    padding:0 5px;
    /*font-size: 16px;*/
    margin: 0 5px 0 0;

}
.container .buy{
    position: absolute;
    top:55px;
    right: 30px;
}
.container .buy .price{
    font-size: 20px;
    color: #f60;
}

.container .buy .price strong{
    font-size: 36px;

}
.container .buy .price s{
    font-size: 16px;
    color: #999;

}
.reserve {width:152px;
    border-radius: 5px;
    text-align: center;
    background: #f60;
    color: #fff;
    margin: 10px 0 0 0;
    font-size: 20px;
}
.ticket td a{
    font-size: 18px;
    color: #999;
}
.reserve a{display: inline-block;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
 .more{width:200px;
    margin: 10px auto;
    height: 50px;
    line-height: 50px;
    border:1px solid #ccc;
    border-radius:10px;
    text-align: center;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    background: #fafafa;
}

/*机票订购样式*/
.container .ticket{font-size: 20px;
    color: #666;
    position: relative;
}

.container .list h2{
    width:910px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #666;
    border-bottom: 1px dashed #999;
    padding:0 0 15px 0;
    font-weight: normal;
}
.container .information h2{
    border-bottom: none;
    font-size: 24px;
    font-weight: normal;
    color: #333;
    padding:0 0 0 25px;
}
.container .ticket .type{
    margin: 20px 0 10px 0;
}
.container .ticket .new{margin: 20px 0 0 0;}
.container .ticket .new ul{margin: 20px 0 0 0;}
.container .ticket .new li{display: inline-block;
    padding:5px 10px;
    font-size: 20px;
}
.container .ticket .new li:nth-child(1){
    padding: 0 10px 0 0;
}
.container .ticket .new li:nth-child(2){
    border-radius: 4px;
    background:#458b00;
    color: #fff;
}
.container .ticket tr:nth-child(2n){background: #f2f2f2;}
.container .ticket tr:hover{background: #eee;}
.container table{width:100%;
    margin: 20px 0 0 0;
    border:1px solid #ccc;
    border-collapse: collapse;
}
.container table td,.container table th{height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    text-align: center;

}
.container table .price{color: #f60;}
.container table .reserve{color: #fff;
    border-radius: 4px;
    width:80px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    font-size: 20px;

}
table{display: table}

.container .ticket .type mark {
    border-radius: 4px;
    background: #458b00;
    color: #fff;
    padding:4px 8px;
    margin: 0 14px 0 23px;
    font-size: 20px;
}

.container .ticket .form p{
   line-height: 3;
}

.container .ticket .left,.container .ticket .right{width: 43%;display: inline-block;}


.container .ticket .form input{
    width: 250px;
    height: 30px;
    border-radius: 4px;
    border:1px solid #ccc;
    margin: 0 0 0 16px;
    font-size: 18px;
    padding:5px;
    outline: none;

}
.container .ticket .button .submit{width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 4px;
    background: #f60;
    text-align: center;
    position: absolute;
    border: none;
    right: 20px;
    top:124px;
    font-size: 20px;
    color: #fff;
}

/*风景欣赏*/
.scenery .hot{padding:10px 0;
}
.scenery .hot figure{
    display: inline-block;
    padding:4px;
    color: #666;
    border:1px solid #ddd;
    margin: 15px 5px 15px 0;
    width: 435px;

}
.scenery .hot figure figcaption{
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
}
.container footer{width:528px;
    height: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    text-indent: 25px;
    background: #fafafa;
    position: absolute;
    bottom: 0;
    color: #666;
}

/*关于我们*/
.container .about p{
    line-height: 2;
    margin: 20px 0;
    color: #666;
    font-size: 20px;

}
.contact address{font-style: normal;
    margin: 20px 0 0 0;}
.contact address li{
    font-size: 20px;
    color: #999;
    line-height: 1.6;
}

/*右侧栏*/
.sideBox{border:1px solid #eee;
    margin: 0 0 10px 0;
    text-align: center;
}
.sideBox h2{
    font-size: 20px;
    font-weight: normal;
    text-indent: 8px;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    background: #fafafa;
    color:#666;
    text-align: left;
}
.container .tag li{display: inline-block;
    width:100px;
    height: 35px;
    line-height: 35px;
    background: #eee;
    margin:  2px 0;
    /*font-size: 16px;*/
    text-align: left;
    text-indent: 8px;
  }
/*如果a的父元素设置了inline-block的时候，a设置一个block就可以了没必要都设置*/
.container .tag a{
    color: #999;
    display: block;
}
.container .tag a:hover{
    cursor: pointer;
    background: #59b200;
    color: #fff;
}
.sideBox{padding:10px 0;}
.sideBox figure{display: inline-block;
    padding:4px;
    color: #666;
}
.service li{display: inline-block;
    width:150px;
    height: 40px;
    line-height: 40px;
    background: #eee;
    margin:  2px 0;
    font-size: 16px;
    text-align: left;
    text-indent: 35px;
}
.service li a{
    color: #999;
    display: block;
}
.service li .trea1{background:#eee url("img/trea1.png") no-repeat 10px center;}
.service li .trea2{background:#eee url("img/trea2.png") no-repeat 10px center;}
.service li .trea3{background:#eee url("img/trea3.png") no-repeat 10px center;}
.service li .trea4{background:#eee url("img/trea4.png") no-repeat 10px center;}


